@font-face {
    font-family: 'HKGroteskPro';
      font-weight:400;
           src: url('https://uxhack.sgp1.cdn.digitaloceanspaces.com/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Regular.otf')

  }

    @font-face {
    font-family: 'HKGroteskPro';
      font-weight:300;
src: url('https://uxhack.sgp1.cdn.digitaloceanspaces.com/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Light.otf')

  }
    @font-face {
    font-family: 'HKGroteskPro';
        font-weight:700;
        src: url('https://uxhack.sgp1.cdn.digitaloceanspaces.com/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Bold.otf')

  }

@font-face {
    font-family: 'HKGroteskPro';
        font-weight:500;
        src: url('https://uxhack.sgp1.cdn.digitaloceanspaces.com/fonts/HK%20Grotesk%20Pro/HKGroteskPro-SemiBold.otf')

  }